<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- form 用来收集用户数据 -->
    <form action="/register" method="post">
        <!-- fieldset 对表单进行分组，一个表单可以有多个 
            legend说明每组的内容描述
        -->
        <fieldset>
            <legend>基本信息</legend>
            <div>
                <label for="username">用户名</label>
                <input placeholder="请输入用户名" required id="username" type="text" name="name">
            </div>
        </fieldset>
        <fieldset>
            <legend>银行卡信息</legend>
            <div>
                <label for="card">卡号</label>
                <input type="text" id="card" name="card" required/>
            </div>
        </fieldset>
    </form>
</body>
</html>